<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>微开发</title>
    <!--<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">-->
    <link rel="stylesheet" type="text/css" href="css/wkf.css">
    <link rel="stylesheet" href="../public/css/usual_class.css">
    <link rel="stylesheet" href="../public/css/header_footer.css">
</head>

<body>

<!--标题-->
<div class="title_container">
    <div class="div_center" style="width: 50%;">
        <p class="title text_center">微开发</p>
        <p class="summary text_center">嘉铭不哭，哥哥给糖你吃。嘉铭不哭，哥哥给糖你吃。嘉铭不哭，哥哥给糖你吃。嘉铭不哭，哥哥给糖你吃。嘉铭不哭，哥哥给糖你吃。</p>
    </div>
</div>

<!--我们的微小程序-->
<div class="micro_app_container">
    <div class="div_center" style="width: 60%;">
        <p class="title text_center">我们的微小程序</p>
        <p class="summary text_center">一句话概括微小程序。逼格高一点。一句话概括微小程序。逼格高一点</p>
    </div>
</div>

<!--扫码寻物-->
<div class="scanQR_container">
    <div class="div_center" style="width: 75%;">
        <p class="title">扫码寻物</p>

        <div class="scan_summary" style="display: flex;">
            <p class="summary div_center">
                扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。</p>
            <div style="width: 50%;">
                <img class="scanQR_work div_center" src="images/wkf_word_1.png">
            </div>
        </div>

        <!--<div class="developer clear">-->
        <!--&lt;!&ndash;头像&ndash;&gt;-->
        <!--<img class="dev_face" src="images/face.png">-->
        <!--&lt;!&ndash;三角箭头&ndash;&gt;-->
        <!--<p style="float: left; background: #e8e8e8; height: 20px; width: 3%;margin-top: 2%"></p>-->
        <!--&lt;!&ndash;内容&ndash;&gt;-->
        <!--<div style="" class="dev_summary">-->
        <!--如果你无法简洁的表达你的想法，那只说明你还不够了解它。&#45;&#45; 阿尔伯特·爱因斯坦-->
        <!--</div>-->
        <!--</div>-->
        <div class="in_face">
            <div class="in_photo">
                <img src="images/face.png">
            </div>
            <div class="in_chatting">
                <p>我是嘉铭，我为自己代言。我是嘉铭，我为自己代言。
                </p>
            </div>
            <div class="in_bordered"></div>
        </div>
    </div>
</div>
<!--todo 分割线-->
<!--微信点到-->
<div class="chat_point">
    <div class="point_content">
        <div class="point_photo">
            <img src="images/wkf_work_2.jpeg">
        </div>
        <div class="point_words">
            <h2>微信点到</h2>
            <div>
                <p>
                    扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍。以及功能和奖项扫码寻物的介绍
                </p>
            </div>
        </div>
        <div class="intro_face clear">
            <div class="intro_chatting">
                <p>我是嘉铭，我为自己代言。我是嘉铭，我为自己代言。
                </p>

            </div>
            <div class="bordered">

            </div>
            <div class="intro_photo">
                <img src="images/face.png">
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="but">
        <button>More</button>
    </div>
</div>

<!--微开发是什么-->
<div class="what">
    <div class="w_content">
        <div class="w_words">
            <h2>微开发是什么</h2>
            <p>
                微开发团队，即是微小应用开发的团队，是由计算机科学技术协会带领下的，致力于对微信公众平台、web网站、Android、ios等开发与应用。以学生和教师等广大人群为需求基础，旨在开发具有影响力的、有创意的、贴近生活的产品。同时，我们也在学习和实践中掌握对互联网产品的认识，培养一群具有丰富互联网思维的人，为学校学院，各社团、协会等提供微信开发支持。
                微开发团队主要人员构成为学生会技术部和科协人员组成，由大一参与学生会活动，培养团队合作和协调能力，学习基础知识；大二留下来的进行集训与项目开发，协助公众号运营；大三成为产品开发负责人，共同探讨制定具有影响力产品，进一步延续。
            </p>
        </div>
        <div class="w_photo">
            <img src="images/what.jpg">
        </div>
        <div class="clear"></div>
    </div>
</div>

<!--foot-->
<div class="footer">
    <div class="kx">
        <img src="images/logo_without_text.png">
    </div>
</div>


</body>

</html>
